<template>
  <div class="box">
    <div>
      <p class="iconfont icon-fenxiang"></p>
      <p>分享</p>
    </div>
    <div>
      <p class="iconfont icon-gouwugouwuchedinggou"></p>
      <p>购物车</p>
    </div>
    <button>加入购物车</button>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
  .box{
    z-index: 2;
    bottom: 0.2rem;
    position: fixed;
    display: flex;
    width: 94%;
    background: white;
    justify-content: space-around;
    border-radius: .3rem;
    height: .5rem;
    margin-left:3% ;
    color: white;
  }
  .box div{
    text-align: center;
    margin-top: .05rem;
    color: black;
  }
  .iconfont{
    font-size: .22rem;
  }

  button{
    width: 1.7rem;
    height: .4rem;
    line-height: .4rem;
    border-radius: .45rem;
    background: green;
    outline: none;
    border: none;
    margin-top: .05rem;
  }
</style>